<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script th:src="@{/webjars/jquery/3.0.0/jquery.js}"></script>
    <link th:href="@{/css/ydui.css}" rel="stylesheet">
    <script th:src="@{/js/ydui.flexible.js}"></script>
</head>
<body>
<section class="g-flexview">
    <header class="m-navbar">
        <a href="#nogo" class="navbar-item" onclick="finish();return false;"><i class="back-ico"></i>返回</a>
        <div class="navbar-center"><span class="navbar-title">订单详情</span></div>
    </header>
    <section class="g-scrollview">
        <div class="m-list list-theme4">
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left" style="height: 1.1rem;">订单状态：</div>
                    <div class="cell-right" th:if="${user_id eq order_obj.salerId}">
                        <span class="badge badge-radius badge-warning " th:text="${order.saleStatus.getCname()}"></span>
                    </div>
                    <div class="cell-right" th:if="${user_id eq order_obj.buyerId}">
                        <span class="badge badge-radius badge-warning " th:text="${order.status.getCname()}"></span>
                    </div>
                </div>
                <div class="cell-item" style="height: 1.5rem;">
                    <div class="cell-left">金额：</div>
                    <div class="cell-right">
                        <span style="color: red;font-size: 0.8rem;"><font th:text="${order_obj.price + order_obj.expressFee}"></font><font style="font-size: 0.6rem;">元</font></span>
                    </div>
                </div>
                <div class="cell-item" style="height: 1.8rem;" th:onclick="open_detail('[[${order.product.id}]]');return false;">
                    <div class="cell-left">
                        <img  th:src="${order_obj.product.showImg}" style="height: 1rem;">
                    </div>
                    <div class="cell-right">
                        <span th:text="${order_obj.product.title}"></span>
                    </div>
                </div>
                <div class="cell-item" style="height: 1rem;">
                    <div class="cell-left">卖家昵称：</div>
                    <div class="cell-right">
                        <span th:text="${order_obj.user.username}"></span>
                    </div>
                </div>
                <div class="cell-item" style="height: 1rem;">
                    <div class="cell-left">订单号：</div>
                    <div class="cell-right">
                        <span th:text="${order.id}" ></span>
                    </div>
                </div>
                <div class="cell-item" style="height: 1rem;">
                    <div class="cell-left">交易时间：</div>
                    <div class="cell-right">
                        <span th:text="${order_obj.lastModifyTime}"></span>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>
<script th:src="@{/js/ydui.js}"></script>
<script th:inline="javascript">
    function open_detail(product_id){
        window.orderDetail.openDetail(product_id);
    }

    function finish(){
        window.orderDetail.finishActivity();
    }
</script>
</body>
</html>